.uni-view-compatible{
	width: 100%;
	height: 100%;
	display: inline-flex;
	position: fixed;

	.uni-view-main{
		width: 100%;
		height: 100%;
		display: inline-block;
		background-color: #fff;

		.uni-view-head{
			width: 100%;
			height: auto;
			display: inline-block;
			float: left;
			background-color: #398ff5;
			padding: 80rpx 40rpx;
			border-bottom-left-radius: 60rpx;
			border-bottom-right-radius: 60rpx;

			.uni-view-logo{
				width: 100%;
				text-align: center;
				height: auto;
				display: inline-block;
				float: left;

				.uni-view-logo-icon{
					width: 100rpx;
					height: 100rpx;
					display: inline-block;
				}
			}

			.uni-view-tips{
				width: 100%;
				text-align: center;
				height: auto;
				display: inline-block;
				float: left;
				font-family: 'NSimSun',sans-serif;
				font-size: 36rpx;
				color: #fff;
			}

			.uni-view-money{
				width: 100%;
				text-align: center;
				height: auto;
				display: inline-block;
				float: left;
				font-family: 'NSimSun',sans-serif;
				font-size: 80rpx;
				font-weight: bold;
				color: #fff;
			}

			.uni-view-pay{
				width: 100%;
				height: auto;
				display: inline-block;
				float: left;

				.uni-view-pay-left{
					width: 50%;
					text-align: left;
					height: auto;
					display: inline-block;
					float: left;

					.uni-view-pay-tips{
						width: auto;
						height: auto;
						font-family: 'NSimSun',sans-serif;
						font-size: 36rpx;
						color: #fff;
					}
				}

				.uni-view-pay-right{
					width: 50%;
					text-align: right;
					height: auto;
					display: inline-block;
					float: right;

					.uni-view-pay-value{
						width: auto;
						height: auto;
						font-family: 'NSimSun',sans-serif;
						font-size: 36rpx;
						color: #fff;
					}
				}
			}
		}

		.uni-view-body{
			width: 100%;
			height: auto;
			display: inline-block;
			float: left;

			.uni-view-operate{
				width: 100%;
				text-align: center;
				height: auto;
				display: inline-block;
				float: left;

				.uni-view-back-btn{
					width: auto;
					text-align: center;
					height: auto;
					display: inline-block;
					padding: 20rpx 80rpx;
					background-image: linear-gradient(to right, #fff, #f4f7fd);
					border-radius: 24rpx;
					box-shadow: 10rpx 10rpx 20rpx #999;
					font-family: 'NSimSun',sans-serif;
					font-size: 40rpx;
					font-weight: bold;
					color: #398ff5;
					margin-top: -100rpx;
				}

				.uni-view-back-btn:active{
					background-image: linear-gradient(to right, #8ef1ee, #fff);
					color: #333;
				}
			}
		}
	}
}
